tumblr の表側を弄る
tumblr の表側を弄る
https://gyazo.com/16bc56e6a201cce650998a1c9c4f361d
https://gyazo.com/5ef5db13833940db2fddee24617cc7f5
https://gyazo.com/df1aba0d03f63377d5114b696707848a
https://gyazo.com/38f9e6c154ffefabd241e40a1b1dc593
2022/4/4
tumblr のデザイン、新しいのに変えるかー、モダンなヤツに
変えた
https://gyazo.com/cece46a98db6eb0084037343bafdbfb7
モダンかどうか(Neue 投稿形式に対応しているかどうか)は、調べないとわからない
とりあえず当てたテーマ、モダンじゃなさそう
体裁を整えるのって面倒くさい
最低限、quote の文字のサイズ、 selection と a:hover を custom css に設定した
class 名に h3 を使うのはダサイと思う
code:custom.css
.quote blockquote .h3 {
font-size: 3em;
font-weight:bold;
}
::selection {
text-shadow: none;
}
a:hover {
text-shadow: none;
}
こんな感じになる
https://gyazo.com/eef8c1b5aa0fe221aa70dc1431155f9a
color: #f0f と color: #0f0 はかつての youpy が作っていた web ページからの影響です 。手癖になっている
うーん、気に入らない。たぶん変える
2022/4/7
tumblr の標準のテーマを弄る
変えた
間違いなく最新仕様に対応しているはず。つまりモダン。
ひとまずこんな感じ
https://gyazo.com/bc2dab7ae09a911b7e16eac76d0f29b6
code:custom.css
.post-wrapper {
}
.related-posts-wrapper {
display:none;
}
.quote blockquote {
font-size: 3em !important;
font-weight:bold !important;
}
::selection {
text-shadow: none;
}
a:hover {
text-shadow: none;
}
quote の文字サイズが文章の長さで変わるのがイヤだ、という主張の !important です
HTML を弄ってしまうとカスタムになって本家のバージョンアップに追従しなくなるけど、まあイイ
HTML を弄って Daylink を追加した
code:daylink.html
<li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
<li><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" class="share-item permalink">Daylink<i class="arrow"></i></a></li>
https://gyazo.com/5f33a6254647ba71ee6baa67dd6d7cfe
2022/4/11
tumblr 表側を弄ると、なんか俄然とヤル気、出てくるから不思議
更新頻度が上がった
こんな感じ
https://gyazo.com/88b8189f02db2bc683768de75e1ea39d